<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="validausuario.jsp" %>
<%@ page import="censo.db" %>
<%@ page import="manejadores.ManejadorPersonal" %>
<%@ page import="entidades.Personal" %>
<%@ page import="java.util.*" %>

<%
db conexion = new db();
ManejadorPersonal MP = new ManejadorPersonal(conexion);
ArrayList<Personal> personas = MP.list("estado=1");

%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Dispositivos</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="css/main.css" media="screen">
<LINK REL="stylesheet" TYPE="text/css" HREF="themes/redmond/jquery.ui.theme.css">
<script src="js/jquery-1.8.2.js" language="JavaScript"></script>
<script src="js/jquery-ui-1.9.1.custom.min.js" language="JavaScript"></script>
<script>
    $(function() {
        $( "input[type=button], button, main" )
            .button()
            .click(function( event ) {
                event.preventDefault();
            });
    });
</script>
<script type="text/javascript" language="javascript">
function agregar() {
	$("#info").html("");
	$("#info").show();
	var imei = $("#imei").val();
	var recurso =  $("#recurso").val();
	var estado = $("#estado").val();
	
	

	if (imei == "" || recurso == "" ) {
		alert("falta ingresar informacion");
		return;
	}
	
	
		
		var cmd = document.getElementById("cmd_agregar");
		cmd.disabled = true;
		$("#info").html("<img src=\"images/loading.gif\" >Procesando solicitud");
		$.post(
			"SrvDispositivo",
			{
				operacion: "add",
				imei: imei,
				recurso: recurso,
				estado: estado
			},
			procesar
		
		);

}

function procesar(resultado) {
	var cmd = document.getElementById("cmd_agregar");
	cmd.disabled = false;
	if (resultado != 'OK') {
		$("#info").html("<img src=\"warning.jpg\">" + resultado);
	}else {
		$("#info").html("Smartphone agregado correctamente").fadeOut(3000);
		limpiaForm($("#form1"));
		list();
	}
	
}

function list() {
	$("#list").load("SrvDispositivo?operacion=list");
}

function limpiaForm(miForm) {
	// recorremos todos los campos que tiene el formulario
	$(":input", miForm).each(function() {
	var type = this.type;
	var tag = this.tagName.toLowerCase();
	//limpiamos los valores de los campos…
	if (type == "text" || type == "password" || tag == "textarea")
	this.value = "";
	// excepto de los checkboxes y radios, le quitamos el checked
	// pero su valor no debe ser cambiado
	else if (type == "checkbox" || type == "radio")
	this.checked = false;
	// los selects le ponesmos el indice a -
	else if (tag == "select")
	this.selectedIndex = -1;
	});
	}
</script>
</head>
<body onload="list()">
<%@ include file="header.jsp" %>
<div class="main">
<h2>Smartphones</h2>
<div id="info"></div>
		<form action="" method="POST" id="form1" name="form1">
			<table>
				<tr>
					<th colspan="2">Informacion Smartphone</th>
				</tr>
				<tr>
					<td>IMEI</td>
					<td><input type="text" id="imei" name="imei"></td>
				</tr>
				<tr>
					<td>Asignar a:</td>
					<td><select id="recurso" name="recurso">
					<% for (Personal personal : personas) { %>
							<option value="<%= personal.getCodigo() %>"><%= personal.getNombre() %></option>
					<% } %>		
					</select></td>
				</tr>
				<tr>
					<td>Estado</td>
					<td><select id="estado" name="estado">
							<option value="1">Activo</option>
							<option value="2">Inactivo</option>
					</select></td>
				</tr>
			</table>
		<input type="button" name="cmd_agregar"	id="cmd_agregar" value="Agregar" onclick="javascript:agregar()">
		</form>
		<div id="list"></div>
</div>

	

</body>
</html>
<%
	conexion.Close();
%>

